<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>评价详情</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <style>
        body {
            background: #f3f3f3;
            font-size: 14px;
        }

        .aui-icon-left {
            padding-left: 10px;
        }

        .aui-slide-page-active {
            background: #327afa;
        }

        header {
            width: 100%;
            height: 45px;
            background: #fff;
            position: fixed !important;
            z-index: 9;
            margin-bottom: 15px;
            top: 0;
        }

        .win_title {
            text-align: center;
            width: 100%;
            line-height: 45px;
            height: 45px;
            font-size: 16px;
        }

        .aui-iconfont {
            position: absolute;
        }

        .aui-list-view:after {
            border: none;
        }

        .aui-pull-right {
            margin-right: 20px;
        }

        .contain {
            margin-top: 55px;
        }

        .evaluateInfo {
            padding: 15PX;
            background: #FFF;
        }

        .proInfo img {
            float: left;
            width: 60px;
            min-width: 60px;
            margin-right: 8px;
        }

        .good-price {
            margin-top: 3px;
        }

        .evualuateLilst li {
            margin-top: 5px;
            overflow: hidden;
        }

        .aui-icon-favorfill {
            position: relative;
            color: #d9d9d9;
            font-size: 18px;
        }

        .aui-icon-favorfill.active {
            color: #ff3333 !important;
        }

        .evaluteValue {
            display: block;
            border: 1px solid #d9d9d9;
            float: left;
            padding: 5px 12px;
            border-radius: 5px;
            margin-right: 10px;
            margin-top: 5px;
            position: relative;
        }

        .manyi {
            margin: 5px 0;
        }

        .evaluateTime {
            margin-top: 5px;
        }

        .evaluateGroup {
            border: 1px solid #d9d9d9;
            margin-top: 10px;
            padding: 10px;
        }

        .myEvaluate {
            margin-top: 10px;
        }

        .evaluateDetail {
            font-size: 12px;
        }

        .evaluateModify {
            margin-top: 10px;
            padding: 15px 0px;
            padding-bottom: 5px;
        }

        .modify {
            display: block;
            color: #327afa;
            border: 1px solid #327afa;
            padding: 0PX 8PX;
            border-radius: 5px;
            float: right;
        }
    </style>
</head>
<body>
<header class="myBorder ">
    <div class="win_title aui-border-b">
        <div class="aui-pull-left aui-iconfont aui-icon-left icon-left-coler" tapmode onclick="closeWin()"></div>
        <div class="">
            评价详情
        </div>
    </div>
</header>
<div class="contain">
    <ul class="aui-list-view">
        <li class="aui-list-view-cell">
            <div>订单号：2164001886177661</div>
            <div>下单时间：2016-08-11 12:15:30</div>
        </li>
    </ul>
    <div class="evaluateInfo">
        <div class="proInfo">
            <img src="../image/shili.jpg" alt="">
            <div class="proTitle">
                <div class="aui-ellipsis-2">婴儿毛巾浴巾六层蘑菇童被纯被纯棉被纯棉被纯棉a棉纱布毛巾被蘑菇吸水毛巾被45*45</div>
                <div class="good-price">￥45.00</div>
            </div>
        </div>
        <div class="evaluateGroup">
            <div class="evaluateTime">
                买家评价<span class="hasModify">(已修改)</span>
                <span class="aui-pull-right">2016-11-7</span>
            </div>
            <div class="manyi">
                <span>货品满意度：</span>
                <i class="aui-iconfont aui-icon-favorfill active"></i>
                <i class="aui-iconfont aui-icon-favorfill active"></i>
                <i class="aui-iconfont aui-icon-favorfill active"></i>
                <i class="aui-iconfont aui-icon-favorfill active"></i>
                <i class="aui-iconfont aui-icon-favorfill"></i>
            </div>
            <ul class="evualuateLilst">
                <li>
                    <span class="evaluteValue ">面料:符合预期</span>
                    <div class="evaluteValue">色牢度:正常浮色</div>
                    <div class="evaluteValue">材质:符合预期</div>
                </li>
            </ul>
            <div class="myEvaluate">
                <span>我的评价：</span>
                <div class="evaluateDetail">
                    很好可以值得购买很好可以值得购买很好可以值得购买很好可以值得购买很好可以值得购买
                </div>
            </div>
            <!-- 判断是否低于三星控制隐藏 -->
            <div class="evaluateModify aui-border-t">
                <span>三星及以下可以修改评价内容</span>
                <span class=" modify">修改评价</span>
            </div>
        </div>
        <div class="evaluateGroup">
            <div class="evaluateTime">
                卖家评价
                <span class="aui-pull-right">2016-11-7</span>
            </div>
            <div class="manyi">
                <span>供应商考评：</span>
                <i class="aui-iconfont aui-icon-favorfill active"></i>
                <i class="aui-iconfont aui-icon-favorfill active"></i>
                <i class="aui-iconfont aui-icon-favorfill active"></i>
                <i class="aui-iconfont aui-icon-favorfill active"></i>
                <i class="aui-iconfont aui-icon-favorfill active"></i>
            </div>
            <div class="myEvaluate">
                <span>我的评价：</span>
                <div class="evaluateDetail">
                    很好可以值得购买很好可以值得购买很好可以值得购买很好可以值得购买很好可以值得购买
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
<script type="text/javascript">
    apiready = function () {
        api.parseTapmode();
        var mobile = api.pageParam.mobile;
        var header = $api.dom('header');
        var footer = $api.dom('footer');
        //$api.fixStatusBar(header);
        api.setStatusBarStyle({
            style: 'light'
        });
    }
</script>
</html>
